*js动态改变css*/
body{margin: 100px auto;width: 600px;background-color: #ebebeb;text}
.son{color: blue;float: left;}
.son1{color: red;float: right;}
li{list-style-type: none;}
a{text-decoration: none;background:#ededed;}

/*js动态改变css*/
*{font:微软雅黑 16px;margin: 0;padding:0;}
h1{font:微软雅黑 16px;}
.div1{margin: 100px auto;width: 600px;background-color: #ebebeb;}
.red{background-color: #fff300;position: absolute;z-index: 0;width:200px ;height:200px }
.blue{background-color: #003fff;position: absolute;z-index: 1;width:100px ;height:100px }
.green{background-color: #22ff21;position: absolute;z-index: 2;width:200px ;height:100px }
.orange{background-color: orange;position: absolute;z-index: 999;width:100px ;height:200px }
/*背景居中自适应*/
.content{margin: 0 auto;width: 598px;border-left: 1px solid #777;border-right: 1px solid #777;background-color: rgba(225,12,3,0.4)}
.content h1{font-size:22px;text-align: center;}
.content p{text-indent: 2em;font: 16px "微软雅黑";height:auto;line-height: 24px;color:  #000;padding: 0 14px 0;}
.content .news{text-align: center;color:#666;font:12px "宋体";}
.content .news1{text-align: center;color:#666;font:12px "宋体";border-bottom: 1px dashed #666;line-height:26px;}
.content p a{font:12px "宋体";color:#f00;text-decoration: none;}/*超链接激活样式*/
.content p a:hover{color: #ff7f6f;text-decoration: underline;}
.content p .non{color: #666;}
.content .bold{font-weight: bold;}
.content img{margin:0 auto;display: block;}
.bg1{width: 100%;height:732px;min-width: 400px;background:url(../images/1484644050235.jpg) no-repeat center top;}
.bg2{width:400px;height:732px;background:url(../images/045cf55548fc9c0000019ae9543e8f.png) no-repeat center 250px;margin: 0 auto;}
.bg2:active{width:400px;height:732px;background:url(../images/045cf55548fc9c0000019ae9543e8f1.png) no-repeat center 260px;margin: 0 auto;}
.bg2 .txt {font: 16px 微软雅黑;color: #333;width: 220px;height: 50px;margin: 280px 90px;border: 1px dashed #fcf0b4;border-radius: 35px;display: inline-block;text-align: center;line-height: 50px;background-image: -webkit-linear-gradient(top,rgba(154,100,40,0.8),rgba(198,193,54,0.6),rgba(255,255,204,0.6));}
.bg2 .txt:active{font: 16px 微软雅黑;color: #333;width: 220px;height: 50px;margin: 280px 90px;border: 1px dashed #fcf0b4;border-radius: 35px;display: inline-block;text-align: center;line-height: 50px;background-image: -webkit-linear-gradient(top,rgba(198,193,54,0.8),rgba(255,255,204,0.8));}
.ad{width:260px;height: 260px;background: url(../images/biaoqing8.jpg) no-repeat left center;position: fixed;top: 100px;left: 20px;}
/*maigin边框的防止重叠的处理*/
.aaa{width: 827px;height: 304px;margin: 40px auto;}
.ddd{width: 200px;height: 300px;border: 3px solid #ccc;float: left;margin-left: -3px;}
.ddd:hover{width: 200px;height: 300px;border: 3px solid blue;position: relative;background-color: #ededed;}
/*圣杯布局自适应*/
.main{padding: 100px 210px;min-width: 200px}/*大div设置min-width，将三个div包裹*/
.left1{width: 200px;height: 100px;background: pink;margin-left: -200px;float: left;}
.middle{width: 100%;height:100px;border: 2px solid blue;float: left;min-width: 200px}
.right1{width: 200px;height: 100px;background: green;float: right;margin-right: -204px}
/*滑动门开始*/
.flow{width:960px;margin: 50px auto}
.flow li{float: left;margin-left: 30px;text-align:center;width:auto;height: 38px;line-height: 24px;background: url(../images/nav.png) no-repeat;padding-left: 56px;max-width: 314px}
.flow a{float: left;height: 30px;display: inline-block;background:url(../images/nav2.png);color: #FFF;max-width: 200px;}
.flow span{float: left;background:url(../images/nav1.png);width:57px;height: 38px;}

/*css实现实心倒三角*/
.zhongjian{text-align: center;position: relative;}
.zhongjian span{border-width:10px;border-color: #f00020 transparent transparent transparent;border-style: solid solid solid solid;display: inline-block;width: 0;height: 0px;position: absolute;top: 6px;}
/*css实现镂空三角*/
.zhongjian1{text-align: center;position: relative;height: 50px;width: 100px;margin: 0 auto}
.zhongjian1 .one{text-align: center;position: absolute;border-width:30px;border-color: #f20022 transparent transparent transparent;border-style: solid solid solid solid;display: inline-block;width: 0;height: 0px;position: absolute;top:16px;} 
.zhongjian1 .two{text-align: center;position: absolute;border-width:30px;border-color: #fff transparent transparent transparent;border-style: solid solid solid solid;display: inline-block;width: 0;height: 0px;position: absolute;} 
